<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/return.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/common/common.css" />
		<link rel="stylesheet" href="css/flow1.css" />
		<link rel="stylesheet" href="css/flow2.css" />
		<link rel="stylesheet" href="css/flow3.css" />
	</head>

	<body>
		<div id="web">
			<header class="clearfix">
				<div class="logo fl">
					<div>
						<img src="img/logo.png" />
					</div>
				</div>
				<ul class="navbar fl clearfix">
					<li><a href="index.html">首页</a></li>
					<li>
						<a href="">骑行</a>
						<div class="header-info clearfix">
							<div class="fl clearfix">
								<h4>普通版</h4>
								<ul class="text fl">
									<li><a href=""">短袖</a></li>
									<li><a href="">短裤</a></li>
									<li><a href="">长袖</a></li>
									<li><a href="">长裤</a> </li>
									<li><a href="">背带短裤</a></li>
									<li><a href="">背带长裤</a> </li>
								</ul>
								<ul class="fl">
									<li><a href="">短袖连体服</a> </li>
									<li><a href="">长袖连体服</a> </li>
									<li><a href="">儿童版短袖</a></li>
									<li><a href="">儿童版长袖</a></li>
								</ul>
							</div>
							<div class="fl clearfix">
								<h4>竞技版</h4>
								<ul class="fl">
									<li><a href="">短袖</a></li>
									<li><a href="">短裤</a></li>
									<li><a href="">长袖</a></li>
									<li><a href="">长裤</a> </li>
									<li><a href="">背带短裤</a></li>
									<li><a href="">背带长裤</a> </li>
								</ul>
								<ul class="fl">
									<li><a href="">短袖连体服</a> </li>
									<li><a href="">长袖连体服</a> </li>
								</ul>
							</div>
						</div>
					</li>
					<li><a href="">铁三</a></li>
					<li><a href="">跑步</a></li>
					<li><a href="">设计师入驻</a></li>
					<li>
						<a href="shopList.html">品牌专区</a>
					</li>
				</ul>
				<ul class="nav-img fl clearfix">
					<li>
						<div class="search">
							<input type="search"  placeholder="上衣"/>
							<input type="image" onclick="window.location.href='search.html'" src="img/search.gif" />
						</div>
					</li>
					<li>
						<div class="shop_car" onclick="window.location.href='BE-Project/flow1.html'">
							<img src="img/shopping_car.png"/>
						</div>
					</li>
					<li class="per">
						<div class="person">
							<img src="img/person.png"/>
						</div>
						<div class="lo">
							<p><a href="login.html">登录</a></p>
							<p><a href="reg.html">注册</a></p>
							<p><a href="openShop.html">我要开店</a></p>
						</div>
					</li>
					<li>
						<div class="tel">
							<img src="img/tel.jpg"/>
						</div>
					</li>
					<li>
						<div class="language">
							<img src="img/language.png" />
						</div>
					</li>
				</ul>
			</header>


			<div class="nav-bottom">
				<p><a href="">首页 > </a><a href="">我的不二定制</a> > <a href="">我的订单</a> > <span>订单:2337108888360940</span></p>
			</div>
			<div class="flow clear">
				<div class="line"></div>
				<div class="flow1_line1"></div>
				<div class="flow2_line1"></div>
				<div class="flow1_botton_line"></div>
				<ul>
					<li>
						<div class="flow-one fl">

							<img src="img/red-hexagon.png" />
							<img src="img/shopping_car2.png" />
							<div class="icon-p fr">
								<p>01</p>
								<p>我的购物车</p>
							</div>
							<p>2016-10-09</p>
							<p>19:10:00</p>
						</div>
					</li>
					<li>
						<div class="flow-two fl">
							<img src="img/red-hexagon.png" />
							<img src="img/icon2.png" />
							<div class="icon-p fr">
								<p style="color: #eb413d;">02</p>
								<p>填写核对订单</p>
							</div>
							<p style="color: #a9a9a9;">2016-10-09</p>
							<p style="color: #a9a9a9;">19:10:00</p>
						</div>
					</li>
					<li>
						<div class="flow-three fl">
							<img src="img/hexagon.png" />
							<img src="img/icon4.png" onclick="window.location.href='flow4.html'" />
							<div class="icon-p fr">
								<p>03</p>
								<p>成功提交订单</p>
							</div>
						</div>
					</li>
				</ul>

			</div>

			<div class="myshopping">
				<span>收货人信息</span>
			</div>

			<div class="Consignee-information">
				<table border="0">
					<tr>
						<td>
							<span1>*</span1><span>所在地区：</span></td>
						<td colspan="3">
							<select name="">
								<option value="">选择城市</option>
								<option value="">广州市</option>
							</select>

							<select name="">
								<option value="">选择区</option>
								<option value="">白云区</option>
								<option value="">天河区</option>
								<option value="">越秀区</option>
							</select>

							<select name="">
								<option value="">选择区</option>
							</select>
						</td>
					</tr>
					<tr>
						<td>
							<span1>*</span1>
							<span>详细地址：</span>
						</td>
						<td colspan="3">
							<textarea rows="" cols="" placeholder="请填写详细地址
								
								
								
								     0/100"></textarea>
						</td>

					</tr>
					<tr>
						<td></td>
						<td colspan="3">
							<span1>建议您如实填写详细收货地址,例如街道名称，门牌号码，楼层和房间号等信息</span1>
						</td>

					</tr>
					<tr>
						<td>
							<span>邮政编码：</span>
						</td>
						<td colspan="3">
							<input type="text" id="" value="" />
							<span1>如您不清楚邮递区号，请填写000000</span1>
						</td>

					</tr>
					<tr>
						<td>
							<span1>*</span1>
							<span>收货人姓名：</span>
						</td>
						<td>
							<input type="text" name="" id="" value="" />
						</td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td><span>手机号码：</span></td>
						<td>
							<select name="">
								<option value="">中国大陆+86</option>
							</select>
						</td>
						<td>
							<input type="text" id="" value="" />
						</td>
						<td></td>
					</tr>
					<tr>
						<td><span>电话号码：</span></td>
						<td>
							<select name="">
								<option value="">中国大陆+86</option>
							</select>
						</td>
						<td colspan="2">
							<input type="text" name="" id="" value="" placeholder="区号" />-
							<input type="text" name="" id="" value="" placeholder="电话号码" />-
							<input type="text" name="" id="" value="" placeholder="分机" />
						</td>

					</tr>
					<tr>
						<td></td>
						<td>
							<span1>手机号码和电话号码必须填一项</span1>
						</td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td></td>
						<td colspan="3">
							<input type="button" id="" value="保存收货人信息" />
							<input type="checkbox" name="" id="" value="" />添加常用地址
						</td>

					</tr>
				</table>
			</div>

			<div class="myshopping">
				<div class="flow1_botton_line"></div>
				<span>支付方式及配送</span>
			</div>

			<div class="pay-list">
				<ul class="fl">
					<li><span>支付方式：</span></li>
					<li><span>配送方式：</span></li>
					<li><span>运费：</span></li>
					<li><span>送货日期：</span></li>
				</ul>
				<ul class="fl">
					<li>在线支付</li>
					<li>普通快递</li>
					<li>0元</li>
					<li>工作日/双休日与假期均可送货</li>
					<li><span>正常情况&nbsp;商品生产至配送到您手中预计一周左右时间，支持送货上门</span></li>

				</ul>
			</div>

			<div class="myshopping">
				<div class="flow1_botton_line"></div>
				<span>发票信息</span>

			</div>
			<div class="_p">
				<p>订单发票：<span>无发票</span></p>
			</div>

			<div class="myshopping">
				<div class="flow1_botton_line"></div>
				<span>商品清单</span>

			</div>

			<div class="myshopping-table_1">
				<table border="0">
					<tr>
						<!--<td>
							<input type="checkbox" name="" id="checkAll" value="" />
						</td>
						<td><span>全选</span></td>-->
						<td><span>商品</span></td>
						<td><span>名称</span></td>
						<td><span>尺码</span></td>
						<td><span>数量</span></td>
						<td><span>优惠</span></td>
						<td><span>单价</span></td>
						<!--<td><span>操作</span></td>-->
					</tr>
					<tr>
						<!--<td rowspan="2">
							<input type="checkbox" name="subBox" id="checkbox2" value="" />
						</td>-->

						<td rowspan="2">
							<div class="clothes_img1">
								<img src="img/clothes1.png" />
							</div>
						</td>
						<td>
							<div class="name">
								<span>Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)</span>
							</div>
						</td>
						<td><span>XXL</span></td>
						<td><span>2</span></td>
						<td><span>9.5折</span></td>
						<td>

							<span>&yen;299.00</span>

						</td>
						<!--<td align="center">
							<input type="button" id="" value="删除" />
							<input type="button" name="" id="" value="修改" />
						</td>-->
					</tr>
					<tr>

						<td><span>性别：女</span></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<!--<td></td>-->
					</tr>
					<tr>
						<!--<td rowspan="2">
								<input type="checkbox" name="subBox" id="checkbox3" value="" />
						</td>-->

						<td rowspan="2">
							<div class="clothes_img1">
								<img src="img/clothes1.png" />
							</div>
						</td>
						<td>
							<div class="name">
								<span>Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)</span>
							</div>
						</td>
						<td><span>XXL</span></td>
						<td><span>1</span></td>
						<td><span>9.5折</span></td>
						<td>

							<span>&yen;299.00</span>

						</td>
						<!--<td align="center">
							<input type="button" id="" value="删除" />
							<input type="button" name="" id="" value="修改" />
						</td>-->
					</tr>
					<tr>

						<td><span>性别：女</span></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<!--<td></td>-->
					</tr>
				</table>
			</div>

			<div class="delete remark">
				<!--<input type="button" name="" id="" value="删除所选商品" />-->
				<span>客户备注：</span><input type="text" name="" id="" value="" />
				<div class="number fr">
					<p><span>两件商品&nbsp; 总计：</span>&nbsp;&nbsp;<span>&yen;99.00</span></p>
					<p class="fr"><span>优惠：</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>&yen;0.00</span></p>
				</div>
			</div>

			<div class="all">
				<p><span>总计（不含运费）：</span><span>&yen;146.00</span></p>
			</div>
			<div class="btnAll btn-detail">
				<input type="button" name="" id="btn1" value="" />
				<input type="button" name="" id="btn2" value="去结算" />
			</div>

			<div class="customer">
				<ul class="clearfix">
					<li class="clearfix">
						<img class="fl" src="img/shopinfo/2.png" alt="" />
						<span class="fl">100%个性定制</span>
					</li>
					<li class="clearfix">
						<img class="fl" src="img/shopinfo/3.png" alt="" />
						<span class="fl">100%正品保证</span>
					</li>
					<li class="clearfix">
						<img class="fl" src="img/shopinfo/4.png" alt="" />
						<span class="fl">7天闪电发货</span>
					</li>
					<li class="clearfix">
						<img class="fl" src="img/shopinfo/5.png" alt="" />
						<span class="fl">30天无忧退换</span>
					</li>
					<li class="clearfix">
						<img class="fl" src="img/shopinfo/6.png" alt="" />
						<span class="fl">365天客服热线</span>
					</li>
				</ul>
			</div>

			<footer>
				<div class="list clearfix">
					<div class="foot-logo fl">
						<img src="img/foot-logo.png" />
					</div>
					<div class="foot-list fl clearfix">
						<div>
							<ul>
								<li>
									<a href="">新手指南</a>
								</li>
								<li>
									<a href="">用户注册</a>
								</li>
								<li>
									<a href="">定制流程</a>
								</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>
									<a href="">付款方式</a>
								</li>
								<li>
									<a href="">支付方式</a>
								</li>
								<li>
									<a href="">支付问题</a>
								</li>
								<li>
									<a href="">常见问题</a>
								</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>
									<a href="">售后服务</a>
								</li>
								<li>
									<a href="">退款换货</a>
								</li>
								<li>
									<a href="">配送方式</a>
								</li>
								<li>
									<a href="">联系我们</a>
								</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>
									<a href="">政策条款</a>
								</li>
								<li>
									<a href="">服务协议</a>
								</li>
								<li>
									<a href="">隐私条款</a>
								</li>
								<li>
									<a href="">版权条款</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<p>© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
			</footer>
		</div>

	</body>

</html>